require(["config"], function(config) {
	require(["jQuery", "ban", "startM", "ajax", "cook","page"], function(jq, ban, startM, ajax, cook,page) {
		//商品分类页的--收--放。
		$(function(){
			$("#navList>ul").css({"display":"none"});
			$("#navList").mouseover(function(){
				$("#navList>ul").css({"display":"block"});
			}).mouseout(function(){
				$("#navList>ul").css({"display":"none"});
			});
			
		});
		//teb切换
		$(function() {
			$(".zzsc .tab a").mouseover(function() {
				$(this).addClass('on').siblings().removeClass('on');
				var index = $(this).index();
				number = index;
				$('.zzsc .content li').hide();
				$('.zzsc .content li:eq(' + index + ')').show();
			});

			var auto = 1; //等于1则自动切换，其他任意数字则不自动切换
			if (auto == 1) {
				var number = 0;
				var maxNumber = $('.zzsc .tab a').length;

				function autotab() {
					number++;
					number == maxNumber ? number = 0 : number;
					$('.zzsc .tab a:eq(' + number + ')').addClass('on').siblings().removeClass('on');
					$('.zzsc .content ul li:eq(' + number + ')').show().siblings().hide();
				}
				var tabChange = setInterval(autotab, 3000);
				//鼠标悬停暂停切换
				$('.zzsc').mouseover(function() {
					clearInterval(tabChange);
				});
				$('.zzsc').mouseout(function() {
					tabChange = setInterval(autotab, 3000);
				});
			}
		});
		/*-----------------------------添加数据--------------------------------------------*/

		$(function() {

			//拿到1.json的数据object
			ajax.get("1.json", function(str) {
				var obj = JSON.parse(str);
				/*object的list属性*/
				var arr = obj.list;
				/*拿到4个楼层相应楼层的数据*/
				for (var i = 0; i < 4; i++) {
					var lis = "list" + i;
					var arrL = arr[i][lis];
					var shows = $("<div class='show" + i + "'></div>");
					console.log(i);
					/*----------------1F--------------------------------------------------------*/
					var arrF1 = arrL[0].f0;
					var ul = $("<ul class='fox0'></ul>");
					/*----------------1------------------*/

					/*第一个li里面的数据*/
					var liF = arrF1[0];
					/*剩下得li里的数据*/

					var lione = $("<li class='li1'><img class='imgF' src='imgs/images/" + liF.img_src + "'><p class='navs'></p></li>")
					ul.append(lione);
					/*----------------2------------------*/
					/*第2个li里面的数据*/
					var liF1 = arrF1[1];

					//var fuy=liF1.F1img_div1;
					var liTow = $("<li></li>");

					var nvv1 = $("<a href='/'><img src='imgs/images/" + liF1.F1img_div1 + "'></a>");
					liTow.append(nvv1);

					ul.append(liTow);
					/*第3个li里面的数据*/

					var li3 = liF1.F1img_div2;
					var liThree = $("<li></li>");
					for (var j in li3) {
						var nvv2 = $("<a href='/'><img src='imgs/images/" + li3[j] + "'></a>");
						liThree.append(nvv2);
					}
					liThree.appendTo(ul);
					/*第4个li里面的数据*/

					var li4 = liF1.F1img_div3;
					var lifor = $("<li></li>");
					for (var j in li4) {
						var nvv3 = $("<a href='/'><img src='imgs/images/" + li4[j] + "'></a>");
						lifor.append(nvv3);
					}
					lifor.appendTo(ul);
					shows.append(ul);
					/*----------------2F--------------------------------------------------------*/
					var arrF2 = arrL[1].f1;
					var ul1 = $("<ul class='fox1'></ul>");
					/*第一个li里面的数据*/
					var liFT = arrF2[0];
					/*剩下得li里的数据*/

					var lione1 = $("<li class='li1'><img class='imgF' src='imgs/images/" + liFT.img_src + "'><p class='navs'></p></li>")
					ul1.append(lione1);
					/*----------------2------------------*/
					/*第2个li里面的数据*/
					var liF1 = arrF2[1];
					var Tli2 = liF1.F2img_div1;
					var liTow1 = $("<li></li>");
					for (var j in Tli2) {
						var nvv4 = $("<a href='/'><img src='imgs/images/" + Tli2[j] + "'></a>");
						liTow1.append(nvv4);
					}
					liTow1.appendTo(ul1);
					/*第3个li里面的数据*/

					var Tli3 = liF1.F2img_div2;
					var liThree1 = $("<li></li>");

					var nvv5 = $("<a href='/'><img src='imgs/images/" + Tli3 + "'></a>");
					liThree1.append(nvv5);

					liThree1.appendTo(ul1);
					/*第4个li里面的数据*/

					var Tli4 = liF1.F2img_div3;
					var lifor1 = $("<li></li>");
					for (var j in Tli4) {
						var nvv6 = $("<a href='/'><img src='imgs/images/" + Tli4[j] + "'></a>");
						lifor1.append(nvv6);
					}
					lifor1.appendTo(ul1);
					shows.append(ul1);
					/*----------------------------3F-------------------------------*/
					var arrF3 = arrL[2].lastImg;
					var bot = $("<a href='/'><img src='imgs/images/" + arrF3 + "'></a>");
					shows.append(bot);
					$(".show").append(shows);
				}
				/*------------------------------------10Floor---------------------------------------------------------------------*/
				var Arr = obj.Tenflor;
				var Tenshow = $("<div id='TenF'><div>");
				var Tenul = $("<ul class='TenF'><ul>");
				Tenshow.append(Tenul);
				$(".show").append(Tenshow);
				/*第一个li里面的数据*/
				var liFT = Arr[0];
				/*剩下得li里的数据*/

				var lione1 = $("<li class='li1'><img class='imgF' src='imgs/images/" + liFT.img_src + "'><p class='navs'></p></li>")
				Tenul.append(lione1);
				/*----------------2------------------*/
				/*第2个li里面的数据*/
				var liF1 = Arr[1];
				var Tli2 = liF1.F2img_div1;
				console.log(liF1);
				var liTow1 = $("<li></li>");
				for (var j in Tli2) {
					var nvv4 = $("<a href='/'><img src='imgs/images/" + Tli2[j] + "'></a>");
					liTow1.append(nvv4);
				}
				liTow1.appendTo(Tenul);
				/*第3个li里面的数据*/

				var Tli3 = liF1.F2img_div2;
				var liThree1 = $("<li></li>");

				var nvv5 = $("<a href='/'><img src='imgs/images/" + Tli3 + "'></a>");
				liThree1.append(nvv5);

				liThree1.appendTo(Tenul);
				/*第4个li里面的数据*/

				var Tli4 = liF1.F2img_div3;
				var lifor1 = $("<li></li>");
				for (var j in Tli4) {
					var nvv6 = $("<a href='/'><img src='imgs/images/" + Tli4[j] + "'></a>");
					lifor1.append(nvv6);
				}
				lifor1.appendTo(Tenul);

			});

		});
	});
})